<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0,user-scalable=no,minimal-ui">
		<title>债无忧让忧债变悠哉</title>
		<style media="screen">
			*{margin: 0; padding: 0;}
			.box {max-width: 750px; margin: 0 auto;}
			.box img { width: 100%; display: block;}
			#player {position: absolute; width: 96%; top: 40px; left: 2%;}
		</style>
	</head>
	<body>

		<div class="box">
			<img src="images/1.png" alt="">
		</div>
		<div class="box" style="position: relative;">
			<img src="images/2.png" alt="">
			<div id="player" class="player">
				<video id="vdo" class="" width="100%" height="auto" poster="images/videof.png" controls playsinline webkit-playsinline x-webkit-airplay>
					<source src="images/video.mp4" type="video/mp4">
				</video>
			</div>
		</div>
		<div class="box">
			<img src="images/3.png" alt="">
		</div>
		<div class="box">
			<img src="images/4.png" alt="">
		</div>
		<!-- <div class="box">
			<img src="images/4.png" alt="">
		</div> -->
		<div class="box">
			<img src="images/5.png" alt="">
		</div>
		<div class="box">
			<img src="images/6.png" alt="">
		</div>
		<div class="box">
			<img src="images/7.png" alt="">
		</div>
		<div class="box">
			<img src="images/8.png" alt="">
		</div>
		<div class="box">
			<img src="images/9.png" alt="">
		</div>
		<div class="box">
			<img src="images/10.png" alt="">
		</div>
	</body>
</html>
